keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，我们来探究一下它的源码实现。 首先回顾下使用方法 举个栗子 </c ...

计算页面滚动效果如下 image 思路：利用滚动条监听事件和定时器，来计算滚动速度；监听事件是只要你滚动条在动就会触发的所以需要定时器来计算滚动速度。 代码：计算滚动速度的功能在handleScroll()函数里实现，将其挂载在mount ...

问： Virtual dom 是什么？为何会存在Virtual dom? 答： 用JS模拟DOM结构。原因： 1.DOM操作是昂贵的，将DOM对比放在JS层，JS运行效率高 2.需要尽量减少DOM操作 我们通过个小例子来看什么是用JS模拟D ...

最近每天早上醒来第一件事就是看看当天新增人数是否减少了，出院了多少，每个省目前还有多少确诊人数，见到最多的就是中国地图的分布图，由于工作需要，自己也使用echarts实现了一个。效果如下： image.png 一：认识echarts ECh ...

一、安装依赖 cnpm i file-saver xlsx -S 二、引入依赖 在需要导出Excel的页面（如user.vue）引入file-saver和xlsx： import FileSaver from 'file-saver' im ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...

--文末附视频教程 本文主要学习掌握 Vue 双向绑定的核心部分原理。 代码为简化版，相对比较简陋。也未考虑数组等其他处理。 欢迎一起学习交流。 一、准备工作 1. 什么是 MVVM 框架？ MVVM 是 Model-View-ViewMo ...

--文末附视频教程+源码 1. 构造函数 new Promise 时，需要传递一个 executor 执行器，执行器立刻执行（同步执行），executor 接受两个参数，分别是 resolve（成功） 和 reject（失败）。 promi ...

前言 本文1630字，阅读大约需要8分钟。 总括: 本文从零开始通过提出问题然后解决问题的方式模拟实现了比较完善的call和apply方法 参考文档：Function.prototype.call()，Function.prototype ...